<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<style type="text/css">
	#scene-content{
		width: 1000px;
		margin: 0 0 0 -150px;
	}
</style>
<script type="text/javascript" src="/js/area-select.js"></script>
<script type="text/javascript">
	function saveScene() {
		$('#scene-dialog').modal('hide');
	}
</script>

<div class="modal fade" id="scene-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" id="scene-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>选择景区</h3>
            </div>
            <div class="modal-body">
                <div class="box-content">
	                <form class="form-inline">
	                    <div class="form-group">
	                        <label>景区名称：</label>
	                        <input id="name" type="text" class="form-control">
	                    </div>
	                    <div class="clearfix"></div><br>
	                    <div class="form-group">
	                        <label>景区星级：</label>
	                        <select name="DictionaryId" class="form-control">
                        	<option value="">--请选择--</option>
                        	<c:forEach items="${levels }" var="level">
                        		<option value="${level.dictionaryId }">${level.name }</option>
                        	</c:forEach>
                        </select>
	                    </div>
	                    <div class="clearfix"></div><br>
	                    <div class="form-group">
	                        <label>景区位置：</label>
		                    <span>
	                        <select class="area-select form-control" name="areaId" >
	                        	<option value="">--请选择--</option>
	                        	<c:forEach items="${provinces }" var="province">
	                        		<option value="${province.admDivId }">${province.name }</option>
	                        	</c:forEach>
	                        </select>
	                        <select class="area-select form-control" name="areaId" >
	                        	<option value="">--请选择--</option>
	                        </select>
	                        <select class="area-select form-control" name="areaId" >
	                        	<option value="">--请选择--</option>
	                        </select>
	                        </span>
	                        <input id="fullAddress" type="text" class="form-control">
		                </div>
		                <div class="clearfix"></div><br>
	                    <div class="form-group">
	                    	<a href="javascript:;" class="btn btn-default" onclick="query();">查询</a>
	                    </div>
	                </form>
	            </div>
            </div>
            <div class="box-content" >
            <table class="table table-striped table-bordered bootstrap-datatable responsive">
			    <thead>
			    <tr>
			    	<th></th>
			        <th>景区名称</th>
			        <th>景区星级</th>
			        <th>景区位置</th>
			    </tr>
			    </thead>
			    <tbody>
			    <c:forEach items="${tickets }" var="ticket">
			    <tr>
			    	<td><input type="radio"></td>
			        <td>${ticket.name }</td>
			        <td class="center">${ticket.level }</td>
			        <td class="center">${ticket.sce_address }</td>
			    </tr>
			    </c:forEach>
			    </tbody>
			</table>
			</div>
            <div class="modal-footer">
                <a href="#" class="btn btn-default" onclick="saveScene();">确定</a>
                <!-- <a href="#" class="btn btn-primary" data-dismiss="modal">Save changes</a> -->
            </div>
        </div>
    </div>
</div>